<div ref:root>
  <div>
    <LazyImage
      src="assets/images/render--x%3D0--y%3D0--tries%3D4--alpha%3DFalse--tile_size%3D20--whiten%3Dtrue--steps%3D1024--icon_size%3D80--grid_size%3D20--layout%3D50_0.05_cosine--class_filter%3DNone--filter%3D10000--layer%3Dmixed4c--model%3DInceptionV1--sample_images%3D1000000--sample_type%3Drandom.jpg"
      alt="10,000 activations"
    />
    <div style="margin-top: 4px;">10,000 activations</div>
  </div>
  <div>
    <LazyImage
      src="assets/images/render--x%3D0--y%3D0--tries%3D4--alpha%3DFalse--tile_size%3D20--whiten%3Dtrue--steps%3D1024--icon_size%3D80--grid_size%3D20--layout%3D50_0.05_cosine--class_filter%3DNone--filter%3D100000--layer%3Dmixed4c--model%3DInceptionV1--sample_images%3D1000000--sample_type%3Drandom.jpg"
      alt="100,000 activations"
    />
    <div style="margin-top: 4px;">100,000 activations</div>
  </div>
  <div>
    <LazyImage
      src="assets/images/render--x%3D0--y%3D0--tries%3D4--alpha%3DFalse--tile_size%3D20--whiten%3Dtrue--steps%3D1024--icon_size%3D80--grid_size%3D20--layout%3D50_0.05_cosine--class_filter%3DNone--filter%3D1000000--layer%3Dmixed4c--model%3DInceptionV1--sample_images%3D1000000--sample_type%3Drandom.jpg"
      alt="1,000,000 activations"
    />
    <div style="margin-top: 4px;">1,000,000 activations</div>
  </div>
</div>

<script>
  export default {
    components: {
      LazyImage: "../library/LazyImage.html"
    }
  }
</script>

<style>
  ref:root {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
  }
</style>